import Vue from "vue";
import VueRouter from "vue-router";

import Ul_Router from "@/components/Ul_Router";
import Contacts from "@/components/Contacts";
import About from "@/components/About";
Vue.use(VueRouter);
// const routes = [
//   {
//     path: "/",
//     redirect: "/ul_router",
//   },
//   {
//     path: "/ul_router",
//     component: Ul_Router,
//   },
//   {
//     path: "/contacts",
//     component: Contacts,
//   },
//   {
//     path: "/about",
//     component: About,
//   },
// ];
const routes = [
  {
    path: "/",
    redirect: "/ul_router",
  },
  {
    path: "/ul_router",
    component: Ul_Router,
  },
  {
    path: "/contacts",
    component: Contacts,
    // children: [
    //   {
    //     path: "all_contacts",
    //     name: "All_Contacts",
    //     component: All_Contacts,
    //   },
    //   {
    //     path: "alice",
    //     name: "Alice",
    //     component: Alice,
    //   },
    //   {
    //     path: "bob",
    //     name: "Bob",
    //     component: Bob,
    //     children: [
    //       {
    //         path: "blog",
    //         component: Blog,
    //       },
    //       {
    //         path: "fax",
    //         component: Fax,
    //       },
    //     ],
    //   },
    // ],
  },
  {
    path: "/about",
    component: About,
  },
];
export const router = new VueRouter({ routes });
